<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/房源信息.css">
    <script src="./js/zepto.min.js"></script>
    <script src="./js/房源信息.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
</head>
<body>
    <header>
        <div class="hdbox1"></div>
        <div class="hdbox2"></div>
        <div class="hdbox3"></div>
    </header>

    <section>
        <div class="stbox1">
            <p><span>首页</span>>北京租房>房源信息</p>
        </div>
        <div class="stbox2">
            <p>分享</p>
        </div>
        <div class="stbox3">
            <div><p class="stbox3p">天鹅湾小区精装两居，满五唯一业主换房急售</p></div>
            <div class="stbox31">
                <div></div>
                <p>关注</p>
            </div>
        </div>
        <ul class="stbox4">
            <li>
                <p>租金</p>
                <p class="stbox4p">2300元/月</p>
            </li>
            <li>
                <p>房型</p>
                <p class="stbox4p">2室1厅</p>
            </li>
            <li>
                <p>面积</p>
                <p class="stbox4p">240平米</p>
            </li>
            
        </ul>
        <ul class="stbox5">
            <li>
                <p>楼层:高楼/17层</p>
                <p>朝向:南北</p>
            </li>
            <li>
                <p>装修:精装</p>
                <p>供暖:集体供暖</p>
            </li>
            <li>
                <p>年度:2007年</p>
                <p>楼型:板楼</p>
            </li>
        </ul>
        <ul class="stbox6">
            <li>
                <div class="stbox61">
                    <p>经纪人房评</p>
                    <div></div>
                </div>
                <p>
                地理位置：对于中国内部的地理位置,中国地形多样,类型齐全,山地、高原、丘陵、盆地、平原、戈壁、沙漠、洞穴无不典型壮观。地形分布 
                的规律是地势西高东低,呈三级阶梯,自西而东,逐级下降。
                </p>
            </li>
            <li>
                <div class="stbox61">
                    <p>看房客户记录</p>
                    <div></div>
                </div>
                <p>
                最近新增0位看房客户，共50位。
                </p>
            </li>
            <li>
                <div class="stbox61">
                    <p>位置及周边</p>
                    <div></div>
                </div>
               <div class="stbox62">
                    <p>地址:[黄村]时代龙和</p>
                    <div id="container"></div>
               </div>
            </li>
            <li>
                <div class="stbox61">
                    <p>小区成交历史</p>
                    <div></div>
                </div>
                <p>
                3室2厅，146平米，<span>5000元</span>
                </p>
                <p>
                签约日期：2015-02-26
                </p>
            </li>
        </ul>
        <ul class="stbox7">
            <li class="stbox7li1"></li>
            <li class="stbox7li2">
                <p>张三</p>
                <p>12345679</p>
            </li>
            <li class="stbox7li3">
                <div></div>
                <p>电话</p>
            </li>
            <li class="stbox7li4">
                <div></div>
                <p>短信</p>
            </li>
            
        </ul>
    </section>

    <footer>
        <div class="ftbox1">
            <p>北京找房无忧>首页</p>
        </div>
        <ul class="ftbox2">
           <li class="ftb21"></li>
           <li class="ftb22">iPhone客户端</li>
           <li class="ftb23"></li>
           <li class="ftb24">Android客户端</li>
        </ul>
    </footer>

    <script type="text/javascript">
        var map = new BMap.Map("container");
        // 创建地图实例  
        var point = new BMap.Point(116.404, 39.915);
        // 创建点坐标  
        map.centerAndZoom(point, 15);
// 初始化地图，设置中心点坐标和地图级别  
    </script>
</body>
</html>